<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1 id="title"></h1>
  <script>
    var title = document.getElementById('title')
    setInterval(function () {
      var nowTime = Date.now()
      // 这里是初次new的时候传进来年月日，时分秒就是默认的0
      // 但是如果是先new Date() 再set的话没有被设置的就是跟当前时间一样
      var date = new Date(2020, 4, 1)
      var endTime = date.getTime()
      // 算出两个时间相差的秒数
      var time = parseInt((endTime - nowTime) / 1000)

      console.log(time)
      var days = parseInt(time / 24 / 3600)
      // time减去整天的秒数，剩下不足一天的秒数
      time -= days * 24 * 3600
      var hours = parseInt(time / 3600)
      // 剩下不足一小时的秒数
      time -= hours * 3600
      var minutes = parseInt(time / 60)
      var seconds = time % 60

      title.innerHTML = '距离五一节还有' + days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒'
    }, 1000)
    



  </script>
</body>
</html>